<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">>
<th:block th:fragment="side">
    <style>
        .container-fluid {
            padding-right: 15px;
            padding-left: 140px;
            margin-right: auto;
            margin-left: auto;
        }
    </style>
    <div class="side-menu sidebar-inverse">
        <nav class="navbar navbar-default" role="navigation">
            <div class="side-menu-container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">
                        <div class="icon fa fa-paper-plane"></div>
                        <div class="title">SHOPLOOK-ADMIN</div>
                    </a>
                    <button type="button" class="navbar-expand-toggle pull-right visible-xs">
                        <i class="fa fa-times icon"></i>
                    </button>
                </div>
                <ul class="nav navbar-nav">
                    <li>
                        <a th:href="|${#httpServletRequest.getContextPath()}/index|">
                            <span class="icon fa fa-tachometer"></span><span class="title">首页</span>
                        </a>
                    </li>
                    <li class="panel panel-default dropdown nav_side_menu" id="user_manager">
                        <a data-toggle="collapse" href="#dropdown-element">
                            <span class="icon fa fa-desktop"></span><span class="title">用户管理</span>
                        </a>
                        <div id="dropdown-element" class="panel-collapse collapse">
                            <div class="panel-body">
                                <ul class="nav navbar-nav">
                                    <shiro:hasPermission name="user_manager_list">
                                    <li><a url="/user/manager" href="#">用户管理</a>
                                    </li>
                                </shiro:hasPermission>
                                    <shiro:hasPermission name="role_manager_list">
                                        <li><a url="/role/manager" href="#">角色管理</a>
                                        </li>
                                    </shiro:hasPermission>
                                    <shiro:hasPermission name="role_manager_list">
                                        <li><a url="/customer/manager" href="#">会员管理</a>
                                        </li>
                                    </shiro:hasPermission>
                                </ul>
                            </div>
                        </div>
                    </li>

                    <li class="panel panel-default dropdown nav_side_menu" id="app_manager">
                        <a data-toggle="collapse" href="#app-dropdown-element">
                            <span class="icon fa fa-anchor"></span><span class="title">项目管理</span>
                        </a>
                        <div id="app-dropdown-element" class="panel-collapse collapse">
                            <div class="panel-body">
                                <ul class="nav navbar-nav">
                                    <li><a url="/material/category/manager" href="#">素材分类</a></li>
                                    <li><a url="/material/manager" href="#">素材管理</a></li>
                                    <li><a url="/about/manager" href="#">关于我们</a></li>
                                    <li><a url="/partnerCase/manager" href="#">成功案例</a></li>
                                    <li><a url="/slService/manager" href="#">活动管理</a></li>
                                    <li><a url="/suit/manager" href="#">套装管理</a></li>
                                    <li><a url="/suit/comment/manager" href="#">评论管理</a></li>
                                    <li><a url="/star/category/manager" href="#">明星款分类</a></li>
                                    <li><a url="/star/manager" href="#">明星款管理</a></li>
                                    <li><a url="/main/index/manager" href="#">首页管理</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </nav>
    </div>
</th:block>